$(function () {
  // 定义校验规则
  let form = layui.form
  form.verify({
    nickname: [/^[\S]{1,10}$/, '昵称的长度为1-10个字符']
  })

  // 渲染用户信息
  // 函数不调用,不执行
  let layer = layui.layer
  initUserInfo()
  function initUserInfo () {
    axios({
      url: '/my/userinfo',
      method: 'get'
    }).then(res => {
      //成功回调
      //console.log(res)
      // 判断
      if (res.data.status !== 0) {
        return layer.msg(res.data.message)
      }
      // 根据官网,为form表单赋值
      // 内置模块 -> 表单->表单赋值/取值
      form.val('formUserInfo', res.data.data)
    })
  }

  // 重置功能
  $('#btnReset').on('click', function (e) {
    // 阻止表单默认重置行为
    e.preventDefault()
    //重新渲染表单
    initUserInfo()
  })

  // 修改用户信息
  $('form').on('submit', function (e) {
    e.preventDefault()
    axios({
      url: '/my/userinfo',
      method: 'post',
      data: $(this).serialize()
    }).then(res => {
      //成功回调
      console.log(res)
      if (res.data.status != 0) {
        return layer.msg(res.data.message)
      }
      // 成功:提示
      layer.msg('恭喜您,修改用户信息成功！')
      // 直接调用无效,因为不是一个window对象
      window.parent.getUserInfo()
    })
  })
})
